<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2017/8/29 0029
  Time: 18:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" pageEncoding="utf-8" %>
<%@ include file="/include/taglibs.jsp" %>
<script src="${path}/static/trends/trendsReport/index.js"></script>
<link href="${path}/static/css/public/public.css" rel="stylesheet" type="text/css">
<div class="form-inline">
    <div class="input-group col-xs-2" style="float: left;margin-right: 6px;">
        <input type="text" class="form-control entry" placeholder="请输入举报名称" name="reportName"/>
    </div>
    <button class="btn query_button" id="trendSelect" style="margin-left: 5px">
        <%--<span class="glyphicon glyphicon-search" aria-hidden="true"></span>--%>
        查询
    </button>
</div>
<table id="table"
       data-toggle="table"
       data-toolbar="#admintoolbar"
       data-url="${trendSelectPath}/listReports"
       data-side-pagination="server"
       data-pagination="true"
       data-page-list="[5, 10, 20, 50, 100, 200]"
       data-show-refresh="true"
       data-show-columns="true"
       data-method="post"
       data-content-type="application/json"
       data-data-type="json"
>
    <thead>
    <tr>
        <th data-field="trendId">编号</th>
        <th data-field="moduleName">所属分类</th>
        <th data-field="name">举报名称</th>
        <th data-field="reportMeg">举报原因</th>
        <%--<th data-field="hostIcon" data-formatter="Trends.hostIcon">发布人头像</th>--%>
        <%--<th data-field="trendsTitle">互动标题</th>--%>
        <th data-field="trendsImages" data-formatter="operateImages" data-events="operateEvents">图片</th>
        <%--<th data-field="trendsVoice" data-formatter="operateVoice" data-events="operateEvents">音频</th>--%>
        <th data-field="videoPic" data-formatter="operateAvPic" data-events="operateEvents">视频截图</th>
        <th data-field="trendsVideo" data-formatter="operateVideos" data-events="operateEvents">视频</th>
        <th data-field="comment" data-formatter="operateContent" data-events="operateEvents">举报内容</th>
        <th data-field="praiseCount">点赞数</th>
        <%--<th data-field="collectionNum">收藏数</th>--%>
        <%--<th data-field="commentNum">评论数</th>--%>
        <th data-field="reportTime">举报时间</th>
        <th data-formatter="operateFormatter" data-events="operateEvents">操作</th>
    </tr>
    </thead>
</table>

<div id="trendsComments-div" class="slidingmenu box-model box box-info" model-left="20%" model-width="80%">
    <div class="box box-info">
        <div class="box-body">
            <table id="commentTable"
                   data-toggle="table"
                   data-toolbar="#admintoolbar"
                   data-height="540"
                   data-side-pagination="server"
                   data-pagination="true"
                   data-page-list="[5, 10, 20, 50, 100, 200]">
                <thead>
                <tr id="">
                    <th data-field="commentId">编号</th>
                    <th data-field="nickName">评论人名称</th>
                    <th data-field="headPicture" data-formatter="Trends.hostIcon">评论人头像</th>
                    <th data-field="comment">评论内容</th>
                    <th data-field="createTime">评论时间</th>
                    <th data-formatter="commentOperateFormatter" data-events="operateEvents">操作</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>
    <div class="box-footer">
        <button class="btn btn-danger close-model">关闭</button>
    </div>
</div>

<div id="detailVideoPic-div" class="slidingmenu box-model box box-info">
    <div class="box box-info">
        <div class="box-body">
            <div class="form-group">
                <label>视频截图:</label>
                <div>
                    <img id="videoPic" width="300px" height="300px">
                </div>
            </div>
            <div class="box-footer">
                <button class="btn btn-danger close-model">关闭</button>
            </div>
        </div><!-- /.box-body -->
    </div>
</div>

<div id="detailVideo-div" class="slidingmenu box-model box box-info">
    <div class="box box-info">
        <div class="box-body">
            <div class="form-group">
                <label>互动视频:</label>
                <div>
                    <video autoplay loop class="embed-responsive-item" height="400px;" width="600px;" id="videoSource">
                        <%--<source src="baidu.com" type="video/mp4" >--%>
                    </video>
                </div>
            </div>
            <div class="box-footer">
                <button class="btn btn-danger close-model">关闭</button>
            </div>
        </div><!-- /.box-body -->
    </div>
</div>

<div id="detailImages-div" class="slidingmenu box-model box box-info">
    <div class="box box-info">
        <div class="box-body">
            <div class="form-group">
                <label>互动图片:</label>
                <div id="images">

                </div>
            </div>
            <div class="box-footer">
                <button class="btn btn-danger close-model">关闭</button>
            </div>
        </div><!-- /.box-body -->
    </div>
</div>


<div id="content-div" class="slidingmenu box-model box box-info">
    <div class="box box-info">
        <div class="box-body">
            <div class="form-group">
                <label>发布内容:</label><br>
                <textarea type="text" class="form-control entry" id="content"
                          style="width: 50%;height: 200px"></textarea>
            </div>
            <div class="box-footer">
                <button class="btn btn-danger close-model">关闭</button>
            </div>
        </div><!-- /.box-body -->
    </div>
</div>